<template>
         <a-layout-footer style="text-align: center">
      海洋生物知识库系统  <span v-show="user?.id">欢迎: {{user?.name}}</span>
    </a-layout-footer>
</template>
<script lang="ts">
import { defineComponent,computed,ref } from 'vue';
import store from '@/store';
const user = computed(() => store.state.user);
export default defineComponent({
  name: 'the-footer',
  setup() {
    return {
      user
    };
  }
});
</script>